<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <meta http-equiv="X-UA-Compatible" content="IE=9"/>
    <link rel="shortcut icon" href="../../img/favicon.ico">
    <meta name="description" content="Bootstrap Admin App + jQuery">
    <meta name="keywords" content="app, responsive, jquery, bootstrap, dashboard, admin">
    <title>神彩危废处置管理平台</title>
    <script type="text/javascript" src="../../../webjars/fw-web/main/common/vue-boot.js?v=20200527133602164"></script>
    <script src="../../js/common.js?v=20200527133602164"></script>
    <script type="text/javascript" src="../../../web/scripts/pageCustomer.js?v=20200527133602164"></script>
    <link rel="stylesheet" href="../../css/home/home.css?v=20200527133602164">
</head>
<body>
<div id="main" v-cloak class="main" @click="menuFlag = false">
    <template>
        <el-container>
            <el-aside :width="sideWidth">
                <div class="el-header-logo-bg">
                    <div class="el-header-logo" v-bind:class="{ collapse: isCollapse }">
                        <div :class="{ 'logo-img-collapse': isCollapse }" class="el-header-logo-middle">
                            <img :src="logImg" alt="神彩固废经营管理系统"/>
                        </div>
                        <div :class="{ 'logo-text-collapse': isCollapse }" title="神彩固废经营管理系统" class="el-header-logo-middle el-header-logo-text">固废经营管理系统</div>
                    </div>
                </div>
                <div class="menu" v-bind:style="{width: sideWidth, height: menuDivHeight}">
                    <el-menu :default-active="activeIndex" class="el-menu-vertical-main" :collapse="isCollapse">
                        <template v-for="item in menus">
                            <div v-if="item.leaf">
                                <el-menu-item :index="item.menuCode" :key="item.menuCode" @click="menuClick(item, '', '')">
                                    <i v-if='item.icon' :class="'iconfont ' + item.icon"></i>
                                    <span slot="title">{{item.name}}</span>
                                </el-menu-item>
                            </div>
                            <el-submenu v-else :index="item.menuCode" :key="item.menuCode">
                                <template slot="title">
                                    <i v-if='item.icon' :class="'iconfont ' + item.icon"></i>
                                    <span slot="title">{{item.name}}</span>
                                </template>
                                <template v-for="child2 in item.children">
                                    <div v-if="child2.leaf">
                                        <el-menu-item :index="child2.menuCode" :key="child2.menuCode" @click="menuClick(item, child2,'')">
                                            <i v-if='child2.icon' :class="'iconfont ' + child2.icon"></i>
                                            <span slot="title">{{child2.name}}</span>
                                        </el-menu-item>
                                    </div>
                                    <el-submenu v-else :index="child2.menuCode" :key="child2.menuCode">
                                        <template slot="title">
                                            <i v-if='child2.icon' :class="'iconfont ' + child2.icon"></i>
                                            <span slot="title">{{child2.name}}</span>
                                        </template>
                                        <template v-for="child3 in child2.children">
                                            <el-menu-item :index="child3.menuCode" :key="child3.menuCode" @click="menuClick(item, child2, child3)">
                                                <i v-if='child3.icon' :class="'iconfont ' + child3.icon"></i>
                                                <span slot="title" > {{child3.name}}</span>
                                            </el-menu-item>
                                        </template>
                                    </el-submenu>
                                </template>
                            </el-submenu>
                        </template>
                    </el-menu>
                </div>
            </el-aside>
            <el-container @contextmenu.prevent.native="mouseRightClick" v-bind:style="{height: mainDivHeight}">
                <el-header>
                    <div class="el-header-col" v-bind:class="{ collapse: isCollapse }">
                        <i v-if="isCollapse" class="iconfont icon-zhankaianniuicon" @click="isCollapse = false"></i>
                        <i v-else class="iconfont icon-caidan" @click="isCollapse = true"></i>

                    </div>
                    <!-- <div v-if="tabList.pages.length" class="user-info" @click="toggleTabs" style="right: 250px;cursor: pointer">
                         <el-tooltip effect="light" content="切换标签页&当前路径" placement="bottom">
                             <div>切换</div>
                         </el-tooltip>
                     </div>
                 <div v-if="tabList.pages.length" class="splite-line" style="right: 225px;"></div>-->
                    <el-dropdown style="position:absolute;color:white;top:0px;right:177px;" placement="bottom" @command="loginUserCommand">
                        <span v-if="isShowErpName" style="cursor: pointer;">{{erpName}}</span>
                        <span style="cursor: pointer;">
                            {{loginUser.userName}}
                            <!--                              <i class="el-icon-arrow-down el-icon&#45;&#45;right"></i>-->
                          </span>
                        <el-dropdown-menu slot="dropdown">
                            <el-dropdown-item command="openUpdateDialog">安全设置</el-dropdown-item>
                        </el-dropdown-menu>
                    </el-dropdown>
                    <!--                    <div class="user-info"></div>-->
                    <!--                    <el-button type="text" class="usePass" @click="openUpdateDialog">更改密码</el-button>-->
                    <div class="splite-line" style="right: 165px;"></div>
                    <el-tooltip effect="light" content="点击打开系统更新日志" placement="bottom" style="right:136px;">
                        <el-badge class="item">
                            <i class="el-icon-notebook-2" @click="LogDetail"></i>
                        </el-badge>
                    </el-tooltip>
                    <div class="splite-line" style="right: 127px;"></div>
                    <div style="margin-right: 73px;float: right;" id="popoverCss">
                        <el-popover
                                placement="top"
                                width="300" trigger="hover"
                                text-align="center">
                            <div v-if="haveData">
                                <div v-for="item in contents" :key="item.index">
                                    <div @click="openMessageDetail(item)" class="divStyle">
                                        <p class="pStyle"></p>&nbsp;&nbsp;
                                        <span v-text="item.msgType"></span>
                                        <span v-text="item.createTime" style="float:right"></span>
                                        <p class="contentStyle" v-html="item.msgBody"></p>
                                    </div>
                                </div>
                                <div style="text-align: center; margin: 0">
                                    <el-button size="small" type="primary" @click="getMoreMessage" v-if="dataLength>=5" style="width:100%;">查看更多</el-button>
                                </div>
                            </div>
                            <div v-if="!haveData">
                                <div style="margin-left:95px;">暂无消息通知</div>
                            </div>
                            <el-button slot="reference" icon="el-icon-bell" circle style="background-color: #2B7DE1;border-color: #2B7DE1;color:white;font-size:20px;"></el-button>
                        </el-popover>
                    </div>
                    <div class="messageLength" v-text="dataLength" v-if="dataLength==0 ?false :true"></div>

                    <div class="splite-line" style="right: 85px;"></div>
                    <div class="login-out">
                        <!--<el-tooltip  effect="light" content="退出固废系统" placement="bottom">-->
                        <el-button type="text" icon="iconfont icon-tuichu1" @click="logout">退出</el-button>
                        <!--</el-tooltip>-->
                    </div>
                </el-header>
                <el-main style="overflow: hidden;" :class="{'main-tabs-detail': tabsDetail}">
                    <div class="dropdown-opt" v-if="tabList.pages.length >= 3">
                        <div @click="handleCommand('closeCurrent')" class="dropdown-opt-item dropdown-opt-item-btn">关闭当前<i class="el-icon-arrow-down el-icon--right"></i></div>
                        <div class="dropdown-opt-items">
                            <div @click="handleCommand('closeOther')" class="dropdown-opt-item">关闭其他</div>
                            <div @click="handleCommand('closeAll')" class="dropdown-opt-item">关闭所有</div>
                        </div>
                    </div>
                    <!--<el-dropdown :trigger="'click'" @command="handleCommand" v-if="tabList.pages.length >= 3" class="el-dropdown-custom">-->
                    <!--<el-button @click="handleCommand('closeCurrent')">-->
                    <!--关闭当前 <i class="el-icon-arrow-down el-icon&#45;&#45;right"></i>-->
                    <!--</el-button>-->
                    <!--<el-dropdown-menu slot="dropdown">-->
                    <!--&lt;!&ndash;<el-dropdown-item command="closeCurrent">关闭当前</el-dropdown-item>&ndash;&gt;-->
                    <!--<el-dropdown-item command="closeOther">关闭其他</el-dropdown-item>-->
                    <!--<el-dropdown-item command="closeAll">关闭所有</el-dropdown-item>-->
                    <!--</el-dropdown-menu>-->
                    <!--</el-dropdown>-->
                    <el-tabs v-if="true"
                             v-model="activeIndex"
                             type="card"
                             closable
                             @tab-click='tabClick'
                             @tab-remove='tabRemove'
                             class="tabs-list">
                        <el-tab-pane
                                :key="item.menuCode"
                                v-for="item in tabList.pages"
                                :label="item.name"
                                :name="item.menuCode">
                            <div class="tabs-detail">
                                <el-breadcrumb separator-class="el-icon-arrow-right" style="height: 35px;line-height: 35px;">
                                    <template v-for="val in item.curBreadcrumbs">
                                        <el-breadcrumb-item>{{ val }}</el-breadcrumb-item>
                                    </template>
                                </el-breadcrumb>
                            </div>
                            <iframe :style="{width: mainWidth, height: mainHeight, border: 0, margin:0, padding:0}"
                                    :src="item.url" frameborder="0" :data-id="item.url" seamless></iframe>
                        </el-tab-pane>
                    </el-tabs>
                    <div v-if="menuFlag" class="menu-right" :style="{left: menuLeft + 'px', top: menuTop + 'px'}">
                        <ul class="menu-list">
                            <li @click="handleCommand('refresh')">刷新</li>
                            <li @click="handleCommand('openNewPage')">新开窗口</li>
                            <li @click="handleCommand('closeCurrent')">关闭当前</li>
                            <li @click="handleCommand('closeOther')">关闭其他</li>
                            <li @click="handleCommand('closeAll')">关闭所有</li>
                        </ul>
                    </div>
                    <!--<div v-for="(page,index) in tabList.pages" v-show="page.active==true">-->
                    <!--<el-breadcrumb separator-class="el-icon-arrow-right" style="height: 35px;line-height: 35px;">-->
                    <!--<template v-for="item in page.curBreadcrumbs">-->
                    <!--<el-breadcrumb-item>{{ item }}</el-breadcrumb-item>-->
                    <!--</template>-->
                    <!--</el-breadcrumb>-->
                    <!--<iframe :style="{width: mainWidth, height: mainHeight, border: 0, margin:0, padding:0}"-->
                    <!--v-bind:src="page.url" frameborder="0" v-bind:data-id="page.url" seamless></iframe>-->
                    <!--</div>-->

                    <!--<iframe :src="mainPath"-->
                    <!--v-bind:style="{width: mainWidth, height: mainHeight, border: 0, margin:0, padding:0}"></iframe>-->
                </el-main>
            </el-container>
        </el-container>
    </template>
    <div v-if="updateDialog">
        <el-dialog :visible.sync="updateDialog" width="600px" title="修改密码" @close="closeUpdateDialog">
            <el-form :model="SysUserPasswordParam" :rules="SysUserPasswordParamRules" ref="SysUserPasswordParam" label-width="190px" style="width:100%;">
                <el-form-item label="初始密码：" prop="curPassword" required>
                    <el-input v-model="SysUserPasswordParam.curPassword" style="width:250px" type="password" placeholder="请输入初始密码"></el-input>
                </el-form-item>
                <el-form-item label="新密码：" prop="newPassword" required>
                    <el-input v-model="SysUserPasswordParam.newPassword" style="width:250px" type="password" placeholder="请输入新密码" ></el-input>
                </el-form-item>
                <el-form-item label="确认密码：" prop="cfmPassword" required>
                    <el-input v-model="SysUserPasswordParam.cfmPassword" style="width:250px" type="password" placeholder="请输入确认密码"></el-input>
                </el-form-item>
                <el-form-item>
                    <el-button @click="confirmUpdatePassword('SysUserPasswordParam')" type="primary">确认</el-button>
                    <el-button @click="cancelUpdatePassword">取消</el-button>
                </el-form-item>
            </el-form>
        </el-dialog>
    </div>
    <el-dialog :visible.sync="messageDetail" width="600px" title="消息详情" @close="closeMessageDetail">
        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{messageHead}}
            <el-link type="primary" :underline="false" @click="openMessageUrl(currentMessageData.msgUrl)">{{messageBody}}</el-link>
            {{messageFoot}}
        </p>
        <p style="text-align:right;">
            <el-button type="primary" @click="close()" size="small">关闭</el-button>
        </p>
        <!--        <el-form label-width="100px">-->
        <!--            <el-form-item label="消息内容:">-->
        <!--                    {{messageHead}}-->
        <!--                    <el-button type="text" @click="openMessageUrl(messageDetailData)">-->
        <!--                        {{messageBody}}-->
        <!--                    </el-button>-->
        <!--                    {{messageFoot}}-->
        <!--            </el-form-item>-->
        <!--            <el-form-item>-->
        <!--                <el-button type="primary" @click="close()" size="small">关闭</el-button>-->
        <!--            </el-form-item>-->
        <!--        </el-form>-->
    </el-dialog>
</div>
<script type="text/javascript" src="./home.js?v=20200527133602164"></script>
</body>
</html>
